<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>边框属性</title>
		<style>
			div{
				/* CSS3属性：
				一.边框border属性【复合属性】
				 border:边框的宽度 边框的样式 边框颜色
				 主属性：子属性【提升为主属性】
				 边框宽度属性1：border-width
				 边框样式属性：solid  实线  dashed 虚线  dotted点线 double 平行线*/
				border:1px solid red; 
				 border-width: 10px;/*边框宽度 为10*/
				 /* div配宽高 */
				 width: 200px;
				 height:200px;
				 border-style: dashed;
				 border-color: green;
				 /* 边框左右上下设置 宽 样 色  */
				 border-left-width:20px ;
				 border-bottom-width: 30px;
				 border-top-style: dotted;
				 border-right-style: double;
				 border-right-color: yellow;
				 /* 10红色像素边框 */
				 border:10px solid red;
				 /* 边框倒角：画圆 border-radius  属性：宽度与倒角至一致画圆*/
				 border-radius:200px;
				 /* 简写属性值：四个方向：顺时针左上开始*/
				 border-radius:0 200px;
				 border-radius:0 100px 200px;
				 border-radius:10px 80px 120px 200px;
				 border-bottom-left-radius: 10px;
				 /* border-方向-角方向-倒角*/
				 border-bottom-right-radius: 100px;
				 /* 背景颜色属性 
				 色值单位：十六进制  京东红#e4393c*/
				 background-color: #55aa00;
				 /* 
				 定位属性：将页面的属性定位到想要的位置
				 相对定位：某个元素的定位，父元素，相对父元素，没有相对body
				 1.将元素相对定位
				 position定位属性：relative
				 2.将X元素坐标定义值：(正负)数组px
				 left
				3. 将y元素坐标定义值：
				 top
				 
				  */
			position:relative;/*将div属性添加相对定位*/
				left: 630px; /*设置div值*/
				top: 330px ;
			}
		</style>
	</head>
	<body>
		<!-- 分区元素 :页面区域， 特点 ：有宽没高-->
		<div></div>
	</body>
</html>